<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
		<script type="text/javascript" src="js/base64.min.js"></script>
		<title>活动登记</title>
		<style>
			.mui-content input,
			.mui-content select {
				font-size: 16px
			}
			
			.mui-card {
				border-radius: 8px;
			}
			
			canvas {
				width: 100%
			}
			.content {
				width: 90%;
			margin:0 auto;
				
			}
			
			.content h3 {
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align:left;
				padding-left:10px;
				position: relative;
				color: white;
				border-bottom: 1px #FFD863 dashed;
				font-size: 16px
			}
			.banner {
				width: 100%;
				padding: 0 15px;
				box-sizing: border-box;
				height: calc(100% - 40px);
				overflow-y: auto;
			}
			
			.banner p {
				color: white;
				font-size: 12px;
				line-height: 25px;
				margin-top: 10px
			}
			
			.banner p b {
				display: inline-block;
				width: 20px;
				height: 20px;
				line-height: 20px;
				background: white;
				color: #C30101;
				border-radius: 50%;
				margin-right: 5px;
				text-align: center;
			}
			.btn1{
				width: 70%;
				height:40px;
				text-align: center;
				line-height: 40px;
				font-size: 16px;
				color: #A60002;
				padding: 0;
				display: block;
				background: url(images/2.png) no-repeat;
				background-size:100% 100%;
				margin:15px auto;
				border: 0;
				
			}
		</style>
	</head>

	<body>
		<div class="mui-content" style="background:url(images/ebg.png) no-repeat;background-size:100% 100%;padding-bottom:60px;">
			<div class="top" style="padding-top:40px;width:100%;">
				<img src="images/logo3.png" style="width:60%;display:block;margin:0 auto">
			</div>
			<div class="mui-card" style="width:80%;margin:15px auto;margin-top:30px;background:rgba(0,0,0,0);color:white;box-shadow: none;">
				<div id="qrcode" style="width:70%;margin:20px auto;text-align: center;margin-bottom: 0;"></div>
				<div class="content">
				<h3>活动内容</h3>
				<div class="banner">
					<p><b>1</b>2022年1月31日-2月6日关注漳泽农商银行微信公众号即可参加“过年七天乐，福虎闹新春”活动。</p>
					<p><b>2</b>2022年1月31日-2月15日期间办理定期存款3万元（含）以上，申请贷款、信用卡和晋享E付的客户，凭活动二维码即可兑换礼品。</p>
					<p><b>3</b>每个微信号参与3次，转发链接可再参与1次。</p>
					<p><b>4</b>每笔业务仅兑奖一次。</p>
					<p><b>5</b>兑奖有效期2022年1月31日-2月15日。</p>
				</div>
			</div>
				<button class="btn1">返回抽奖</button>
			</div>
			<!--<div class="footer">
				<button class="mui-btn mui-btn-primary mui-btn-block" id="xg" style="width:90%;border-radius: 15px;padding:5px 0;margin:20px auto;">更新信息</button>
				<button class="mui-btn mui-btn-success mui-btn-block" id="ck" style="width:90%;border-radius: 15px;padding:5px 0;margin:20px auto;">查看信息</button>
			</div>-->
		</div>
		<script src="js/mui.min.js"></script>
		<script>
			/*$(".mui-content").css("height",$(window).height()+'px')*/
			$(function() {
				$.post("selectListByOpenId",{activityType: '14'},function(data) {
					/*mui.alert(JSON.stringify(data))*/
					var rel = data.data[0];
					$('#qrcode').qrcode(rel.微信号)
				})
				$(".btn1").click(function(){
					window.location.replace("http://yykh.czzrcb.com/zzhddj/getHhswCode")
				})
			})
		</script>
	</body>

</html>